<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        a{
          font-size: 40px;  
        }
        a:hover{
            color: turquoise;
        }
        .content{
            width: 300px;
            height: 300px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <div class="nav">
        <a href="#/shipin">视频</a>
        <a href="#/zhibo">直播</a>
    </div>
    <div class="content">
        <p></p>
        
    </div>
</body>
<script>
    var oContent=document.querySelector('.content')
    var oSpan=document.querySelector('span')

let arr=`
    <p>"加快构建网络空间命运共同体"</p>
    <p>"女子凌晨外卖被偷跪地大哭 官方回应"</p>
    <p>"官方：到2025年居民拥有电子健康码"</p>
    <p>"从历届航展看26年中国空天变化"</p>
    <p>"如何结束新冠？112国专家达成共识"</p>
    <p>"吸入新冠疫苗在京津等地可接种"</p>`
let arr1=`<p>"河南乡镇协助富士康招工 一村出一人"</p>
    <p>"南京一动物园直播筹款：揭不开锅了"</p>
    <p>"亚马逊市值缩水超1万亿美元"</p>
    <p>"农民工自学考下12本证"</p>
    <p>"美国16人感染李斯特菌"</p>
    <p>"六旬男子伤害1名女性后坠桥身亡" </p> 
`
function setData(key,value){
    localStorage.setItem(key,JSON.stringify(value))
}

function getData(key){
    var data=localStorage.getItem(key)
    if(data){
        return JSON.parse(data)
    }else{
        return []
    }
}
setData('sp',arr)

// function render(){
//     let data=getData('sp')
//     var str=''
//     data.forEach(function(item,index){
//         str+=`    
//         <p >${item.name}</p>
//         `
//     })
//     oContent.innerHTML=str
// }
// // render()
    window.onhashchange=function(){
        switch(location.hash){
            case '#/shipin':shipin_page();break
            case '#/zhibo':zhibo_page();break
        }
    }
    function shipin_page(){ 
        oContent.innerHTML=arr
    }
    function zhibo_page(){
        oContent.innerHTML=arr1
    }
</script>
</html>